<!DOCTYPE html>
<html>
<meta charset=utf-8>
<title>XX学校</title>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8000/static/css/head.css">

<style>
#slider-box {
	width: 100%;
	height: 270px;
	text-align: center;
	margin-bottom: 15px;
	border-bottom: 1px solid #aaa
}

#div5 {
	width: 100%;
	background: #f4f4f4;
	border-top: 1px solid #ccc
}

#div5 .link-box {
	width: 1000px;
	height: 65px;
	line-height: 65px;
	margin: 0 auto;
	font-size: 14px
}

#div5 .link-box .select-link {
	padding: 3px 15px;
	margin-right: 50px;
	color: #666
}

#div6 {
	width: 100%;
	height: 45px;
	background: #0aa6d6;
	color: #fff;
	text-align: center;
	line-height: 45px
}

#detail2-box {
	width: 998px;
	background: url(http://127.0.0.1:8000/static/image/ny-bg1.png)top left repeat-x;
	margin: 0 auto 15px auto;
	border: 1px solid #ccc;
	border-radius: 5px
}

#detail2-box .tit-80 {
	height: 77px;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	padding: 0 20px 20px 75px;
	background: url(http://127.0.0.1:8000/static/image/tit-icon.png)20px 10px no-repeat;
	background-size: 32px
}

#detail2-box .tit-80 a {
	color: #fff
}

#detail2-box .tabula-box {
	width: 240px;
	background: url(http://127.0.0.1:8000/static/image/left-bg.jpg)right 50px no-repeat;
	padding: 10px;
	float: left
}

#detail2-box .tabula-box .max-tit {
	width: 220px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #0aa6d6;
	font-size: 18px;
	border-bottom: 1px dotted #0aa6d6;
	margin-left: 10px
}

#detail2-box .tabula-box ul {
	padding: 10px;
	min-height: 380px
}

#detail2-box .tabula-box ul li {
	height: 35px;
	padding-left: 30px;
	line-height: 35px;
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	background: url(http://127.0.0.1:8000/static/image/li2.png)left center no-repeat
}

#detail2-box .content-box {
	width: 695px;
	padding: 0 20px;
	float: right
}

#detail2-box .content-box .content {
	padding: 0 0 20px 0;
	min-height: 600px
}

#detail2-box .content-box h1 {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dotted #0aa6d6;
	font-size: 16px;
	text-align: center
}

#detail2-box .content-box .n-p-box {
	border-top: 1px dotted #0aa6d6;
	font-size: 14px
}

#detail2-box .content-box .n-p-box .prv {
	width: 47%;
	height: 50px;
	line-height: 50px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#detail2-box .content-box .n-p-box .next {
	width: 47%;
	height: 50px;
	line-height: 50px;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
</style>

<body>
<div class="header-top clearfix">
 <div class="logo">
 <img src="http://127.0.0.1:8000/static/image/logo1.png">
 </div>
 <div class="logo-name">XX学校</div>
 <div class="form-tools">
 <form method="get" action="http://127.0.0.1:8000/search_list">
 <div class="tools-link"></div>
 <div class="search-box">
 <input type="text" name="search" class="input-text" placeholder="请输入搜索关键词" value>
 <input type="image" src="http://127.0.0.1:8000/static/image/search.png" class="input-submit" value>
 </div>
 </form>
 </div>
</div>

<div class="menu-box clearfix">
 <ul><li></li>
 <li><a href="http://127.0.0.1:8000/index">首页</a></li>
 <li><a href="http://127.0.0.1:8000/list/SchoolOrganizationInfo">学校概况</a></li>
 <li><a href="http://127.0.0.1:8000/list/PartyStaffInfo">党建工作</a></li>
 <li><a href="http://127.0.0.1:8000/list/NewsCenterInfo">公告中心</a></li>
 <li><a href="http://127.0.0.1:8000/list/BeautifulBlackboardInfo">精彩校园</a></li>
 <li><a href="http://127.0.0.1:8000/list/HomeQuestionnaireInfo">家校互动</a></li>
 </ul>
</div>


<div id=slider-box style="background:url(http://127.0.0.1:8000/static/image/slider2.jpg)center center"></div>
<div id=detail2-box class=clearfix>
 <div class=tit-80><a href={{ menu.parent.url }}>{{ menu.parent.name }}</a> - 查看详情</div>
 <div class=tabula-box>
 <div class=max-tit>新闻中心</div>
 <ul>
  {% for m in menu.menus %}
 <li><a href={{ m.url }}>{{ m.name }}</a></li>
  {% endfor %}
 </ul>
 </div>

 <div class=content-box>
 <h1>{{ detail.article_title }}</h1>
 <span style="margin-left:615px">{{ detail.article_date|date:'Y-m-d' }}</span>
 <div class=content>
  {{ detail.article_content|safe }}
 </div>
 </div>
</div>
<div id=div6>Copyright © 2012 XX学校 All rights reserved.</div>

</body>
</html>